<template>
  <div class="ha-tool__bar">
    <div class="bar-left">
      <slot name='left'>
        <el-button v-if='addText' type="primary" @click="$emit('add')">{{addText}}</el-button>
      </slot>
      <slot name='tips'></slot>
    </div>
    <div class="bar-right">
      <slot name='right'></slot>
    </div>
  </div>
</template>
<script>
export default {
  name: 'HaToolBar',
  props: {
    addText: {type: String, default: undefined},
  },
  data: () => ({
    
  }),
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    
  },
}
</script>
<style lang='scss' scoped>
  .ha-tool__bar{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    margin-bottom: 20px;
  }
</style>